// 主题色变量 - 现代化渐变配色
:root {
  --primary-color: #6366f1;
  --primary-color-light: #818cf8;
  --primary-color-dark: #4f46e5;
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

// 文字颜色
:root {
  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;
  --text-placeholder: #C0C4CC;
}

// 边框颜色
:root {
  --border-color: #DCDFE6;
  --border-color-light: #E4E7ED;
  --border-color-dark: #D4D7DE;
}

// 背景颜色
:root {
  --bg-color: #F5F7FA;
  --bg-color-light: #FFFFFF;
  --bg-color-dark: #EBEEF5;
}

// 功能色
:root {
  --success-color: #67C23A;
  --warning-color: #E6A23C;
  --danger-color: #F56C6C;
  --info-color: #909399;
}

// Sass Variables (引用 CSS Variables)
$primary-color: var(--primary-color);
$primary-color-light: var(--primary-color-light);
$primary-color-dark: var(--primary-color-dark);

$text-primary: var(--text-primary);
$text-regular: var(--text-regular);
$text-secondary: var(--text-secondary);
$text-placeholder: var(--text-placeholder);

$border-color: var(--border-color);
$border-color-light: var(--border-color-light);
$border-color-dark: var(--border-color-dark);

$bg-color: var(--bg-color);
$bg-color-light: var(--bg-color-light);
$bg-color-dark: var(--bg-color-dark);

$success-color: var(--success-color);
$warning-color: var(--warning-color);
$danger-color: var(--danger-color);
$info-color: var(--info-color);

// 状态颜色
$error-color: #f5222d;

// 其他
$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
$border-radius: 4px;
$transition-duration: 0.3s;
